<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>微舍</title>
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/css.css">
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
</head>

<body>
    <!-- 网站顶部 -->
    <div class="container clearfix top">
        <div class="pull-left logo"><a href="#"><img src="images/logo.jpg" alt=""></a></div>
        <nav class="navbar navbar-default">
            <div class="container-fluid">
                <!-- 导航头部内容 -->
                <div class="navbar-header">
                    <!-- 缩小按钮 -->
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                        data-target="#bs-example-navbar-collapse-1">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>
                <!-- 导航菜单 -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li><a href="index.html">首页</a></li>
                        <li><a href="热门小区.html">热门小区</a></li>
                        <li><a href="立即找房.html">立即找房</a></li>
                        <li><a href="我是业主.html">我是业主</a></li>
                    </ul>
                    <!-- 搜索按钮 -->
                    <div class="pull-right search-c">
                        <input type="text" class="form-control search-txt">
                        <button type="button" class="btn-search" style="display:none;"></button>
                    </div>
                </div>
            </div>
        </nav>
    </div>
    <!-- 大图 -->
    <div class="about-banner">
        <div class="about-img"><img src="images/about.jpg" alt=""></div>
    </div>
    <!-- 面包屑导航 -->
    <div class="nav-bottom">
        <div class="container">
            <a href="index.html">首页</a>
            <span>></span>
            <a href="#">立即找房</a>
        </div>
    </div>
    <!-- 搜索区域-search -->
    <div class="container">
        <div class="zf-search clearfix">
            <div class="pull-left zf-left">
                <input type="text" class="form-control zf-input" placeholder="地区，小区，地铁">
                <button type="button" class="zf-btn">搜索</button>
            </div>
            <div class="zf-right pull-left"><a href="">
                    <i class="glyphicon glyphicon-map-marker"></i>
                    地图找房
                </a>
            </div>
        </div>
        <div class="zf-border">
            <div class="clearfix">
                <div class="pull-left">位置：</div>
                <ul class="zf-list clearfix">
                    <li><a href="#" role="button">不限</a></li>
                    <li><a href="#" role="button">黄浦区</a></li>
                    <li><a href="#" role="button">虹口区</a></li>
                    <li><a href="#" role="button">长宁区</a></li>
                    <li><a href="#" role="button">浦东新区</a></li>
                    <li><a href="#" role="button">徐汇区</a></li>
                </ul>
            </div>
            <div class="clearfix">
                <div class="pull-left">房型：</div>
                <ul class="zf-list clearfix">
                    <li><a href="#" role="button">不限</a></li>
                    <li><a href="#" role="button">一室</a></li>
                    <li><a href="#" role="button">两室</a></li>
                    <li><a href="#" role="button">三室</a></li>
                </ul>
            </div>
            <div class="clearfix">
                <div class="pull-left">地铁：</div>
                <ul class="zf-list clearfix">
                    <li><a href="#" role="button">不限</a></li>
                    <li><a href="#" role="button">1号线</a></li>
                    <li><a href="#" role="button">2号线</a></li>
                    <li><a href="#" role="button">3号线</a></li>
                    <li><a href="#" role="button">4号线</a></li>
                    <li><a href="#" role="button">5号线</a></li>
                    <li><a href="#" role="button">6号线</a></li>
                    <li><a href="#" role="button">7号线</a></li>
                    <li><a href="#" role="button">8号线</a></li>
                    <li><a href="#" role="button">9号线</a></li>
                    <li><a href="#" role="button">10号线</a></li>
                </ul>
            </div>
            <div class="clearfix">
                <div class="pull-left">月租：</div>
                <ul class="zf-list clearfix">
                    <li><a href="#" role="button">不限</a></li>
                    <li><a href="#" role="button">￥1000-￥2000</a></li>
                    <li><a href="#" role="button">￥2000-￥3000</a></li>
                    <li><a href="#" role="button">￥3000-￥5000</a></li>
                    <li><a href="#" role="button">￥5000-￥10000</a></li>
                </ul>
            </div>
            <div class="clearfix">
                <div class="pull-left">条件：</div>
                <ul class="zf-list clearfix">
                    <li><a href="#" role="button">不限</a></li>
                    <li><a href="#" role="button">wifi</a></li>
                    <li><a href="#" role="button">有家具</a></li>
                    <li><a href="#" role="button">有电器和家具</a></li>
                    <li><a href="#" role="button">精装修</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 房源信息 -->
    <div class="container clearfix">
        <div class="pull-left zf-left-c">
            <div class="zf-left-c-border">
                <div class="zf-top clearfix">
                    <div class="pull-left">
                        <ul class="chooise-list clearfix">
                            <li class="active"><a href="#" role="button">推荐排序</a></li>
                            <li><a href="#" role="button">最新发布</a></li>
                            <li><a href="#" role="button">价格<i class="glyphicon glyphicon-arrow-up"></i></a></li>
                            <li><a href="#" role="button">面积<i class="glyphicon glyphicon-arrow-up"></i></a></li>
                        </ul>
                    </div>
                    <div class="pull-right">
                        上海酒店式公寓：476条结果
                    </div>
                </div>
                <ul class="zf-list-b">
                    <li>
                        <a href="#" class="clearfix">
                            <div class="pull-left zf-img"><img src="images/zf01.jpg" alt=""></div>
                            <div class="pull-left zf-img-right">
                                <div class="zf-tt">浦东新区-德州六村</div>
                                <div class="zf-txt">
                                    <p>2室1厅1卫-58.0㎡</p>
                                    <p>距离8号线成山路542米，步行约6分钟</p>
                                </div>
                                <div class="label-span">房源可租</div>
                                <div class="zf-txt">1周前发布</div>
                                <div class="money">2900元/月</div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="clearfix">
                            <div class="pull-left zf-img"><img src="images/zf01.jpg" alt=""></div>
                            <div class="pull-left zf-img-right">
                                <div class="zf-tt">浦东新区-德州六村</div>
                                <div class="zf-txt">
                                    <p>2室1厅1卫-58.0㎡</p>
                                    <p>距离8号线成山路542米，步行约6分钟</p>
                                </div>
                                <div class="label-span">房源可租</div>
                                <div class="zf-txt">1周前发布</div>
                                <div class="money">2900元/月</div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="clearfix">
                            <div class="pull-left zf-img"><img src="images/zf01.jpg" alt=""></div>
                            <div class="pull-left zf-img-right">
                                <div class="zf-tt">浦东新区-德州六村</div>
                                <div class="zf-txt">
                                    <p>2室1厅1卫-58.0㎡</p>
                                    <p>距离8号线成山路542米，步行约6分钟</p>
                                </div>
                                <div class="label-span">房源可租</div>
                                <div class="zf-txt">1周前发布</div>
                                <div class="money">2900元/月</div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="clearfix">
                            <div class="pull-left zf-img"><img src="images/zf01.jpg" alt=""></div>
                            <div class="pull-left zf-img-right">
                                <div class="zf-tt">浦东新区-德州六村</div>
                                <div class="zf-txt">
                                    <p>2室1厅1卫-58.0㎡</p>
                                    <p>距离8号线成山路542米，步行约6分钟</p>
                                </div>
                                <div class="label-span">房源可租</div>
                                <div class="zf-txt">1周前发布</div>
                                <div class="money">2900元/月</div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="clearfix">
                            <div class="pull-left zf-img"><img src="images/zf01.jpg" alt=""></div>
                            <div class="pull-left zf-img-right">
                                <div class="zf-tt">浦东新区-德州六村</div>
                                <div class="zf-txt">
                                    <p>2室1厅1卫-58.0㎡</p>
                                    <p>距离8号线成山路542米，步行约6分钟</p>
                                </div>
                                <div class="label-span">房源可租</div>
                                <div class="zf-txt">1周前发布</div>
                                <div class="money">2900元/月</div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="clearfix">
                            <div class="pull-left zf-img"><img src="images/zf01.jpg" alt=""></div>
                            <div class="pull-left zf-img-right">
                                <div class="zf-tt">浦东新区-德州六村</div>
                                <div class="zf-txt">
                                    <p>2室1厅1卫-58.0㎡</p>
                                    <p>距离8号线成山路542米，步行约6分钟</p>
                                </div>
                                <div class="label-span">房源可租</div>
                                <div class="zf-txt">1周前发布</div>
                                <div class="money">2900元/月</div>
                            </div>
                        </a>
                    </li>
                </ul>
                <!-- 分页(利用字符图标) -->
                <div class="text-center">
                    <ul class="pagination">
                        <li class="disabled"><a href="#"><i class="glyphicon glyphicon-triangle-left"></i></a></li>
                        <li class="active"><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>
                        <li><a href="#"><i class="glyphicon glyphicon-triangle-right"></i></a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="pull-left zf-right-c">
            <div class="zf-top">推荐品牌房源</div>
            <ul class="zf-list-b">
                <li>
                    <a href="">
                        <div class="zf-img"><img src="images/zf01.jpg" alt=""></div>
                        <div class="right-money">2080元/月</div>
                        <div class="right-txt">
                            <p>闵行区-蚂蚁公舍（瑞桥店）-1室1厅1卫</p>
                            <div>精装修全配，位于瑞桥附近</div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <div class="zf-img"><img src="images/zf01.jpg" alt=""></div>
                        <div class="right-money">2080元/月</div>
                        <div class="right-txt">
                            <p>闵行区-蚂蚁公舍（瑞桥店）-1室1厅1卫</p>
                            <div>精装修全配，位于瑞桥附近</div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <div class="zf-img"><img src="images/zf01.jpg" alt=""></div>
                        <div class="right-money">2080元/月</div>
                        <div class="right-txt">
                            <p>闵行区-蚂蚁公舍（瑞桥店）-1室1厅1卫</p>
                            <div>精装修全配，位于瑞桥附近</div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <div class="zf-img"><img src="images/zf01.jpg" alt=""></div>
                        <div class="right-money">2080元/月</div>
                        <div class="right-txt">
                            <p>闵行区-蚂蚁公舍（瑞桥店）-1室1厅1卫</p>
                            <div>精装修全配，位于瑞桥附近</div>
                        </div>
                    </a>
                </li>

            </ul>
        </div>
    </div>
    <!-- footer -->
    <div class="footer">
        <div class="container">
            <div class="bottom clearfix">
                <div class="pull-left ul-width">
                    <div class="link-tt">关于微舍</div>
                    <ul>
                        <li><a href="#">品牌故事</a></li>
                        <li><a href="#">品牌理念</a></li>
                        <li><a href="#">发展历程</a></li>
                    </ul>
                </div>
                <div class="pull-left ul-width">
                    <div class="link-tt">微舍服务</div>
                    <ul>
                        <li><a href="#">销售模式</a></li>
                        <li><a href="#">租后服务</a></li>
                        <li><a href="#">智能设备应用</a></li>
                    </ul>
                </div>
                <div class="pull-left ul-width">
                    <div class="link-tt">管理运营</div>
                    <ul>
                        <li><a href="#">团队管理软件</a></li>
                        <li><a href="#">房源管理系统</a></li>
                        <li><a href="#">蘑菇系统</a></li>
                    </ul>
                </div>
                <div class="pull-left ul-width">
                    <div class="link-tt">行业前景</div>
                    <ul>
                        <li><a href="#">行业前景</a></li>
                        <li><a href="#">房东加盟</a></li>
                    </ul>
                </div>
                <div class="pull-left ul-width">
                    <div class="link-tt">新闻中心</div>
                    <ul>
                        <li><a href="#">最新资讯</a></li>
                        <li><a href="#">新闻专题</a></li>
                    </ul>
                </div>
                <div class="pull-left ewm">
                    <div class="pull-left"><img src="images/ewm.jpg" alt=""></div>
                    <div class="pull-left ewm-txt">
                        <div>地址；上海市闵行区宝城路155弄26号805室</div>
                        <div>电话：400-777-7777</div>
                        <div class="phone">全国统一服务热线：</div>
                        <div class="phone-number">400-777-7777</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-d text-center">COPYRIGHT © 2015-2019 wesharelive.com,All Right Reserved 沪ICO备170019231</div>
    </div>
</body>

</html>